import React, { Component } from 'react'
import logo from "../assets/images/logo-250px.645f24b5.png"
import "../assets/styles/header.css"
const logo2 = require("../assets/images/logo-250px.645f24b5.png")


/**
 * 在React中当写一个类，继承Component，当前这个类是一个组件
 * Component:React提供的组件
 */
class Header extends Component {
    /**
     * render渲染函数，我们当前这个组件要显示模板，在render里面
     * JSX代码
     * render函数：方法重写，调用render优先执行子类render
     * @returns 
     */
    render() {
        return (
            <React.Fragment>
                <div className='container'>
                    <div className='logo'>
                        <img src={logo2} alt="" />
                    </div>
                    <div>
                        <span>欢迎【xx】登录</span>
                    </div>
                </div>
                <p></p>

            </React.Fragment>
        )
    }
}


export default Header